﻿@model ConDes.Modelos.TiendaModel
@using BLLConDes
@using ConDes.Modelos
<script type="text/javascript">
    $(document).ready(function () {
        marcarItemSeleccionado(@Html.Raw(Model.IdCategoria.ToString()));
    });
</script>
<div class="row">
    <aside class="listing-sidebar">
        <h4 class="filterHeading">Sub Categorías</h4>
        <ul>
            @foreach (KeyValuePair<int, string> item in Model.SubCategorias)
            {
                <li><a href="@Url.Content("~/Tienda?IdCategoria=" + Model.IdCategoria + "&IdSubCategoria=" + item.Key)">@item.Value</a></li>
            }
        </ul>
    </aside>
    <article class="search-content">
        <header class="search-heading">
            <h1>
                <strong>@Model.Nombre ></strong>
                <strong>@Model.NombreSubCategoria</strong>
            </h1>
        </header>
        <section class="contenedorProductos">
            @foreach (ProductoModel item in Model.Productos)
            {
                <div class="contenedorProducto">
                    <div class="contenedorProductoImg">
                        <img src="@Url.Content("~/Fotos/" + item.Foto)" />
                    </div>
                    <div class="contenedorNombreProducto">
                        <a href="@Url.Content("~/Tienda/VerProducto/?idProducto=" + item.IdProducto)">@item.Nombre</a>
                    </div>
                    <div class="contenedorPrecio">
                        <span>@item.Precio.ToString("C2")</span>
                    </div>
                    <div class="contenedorCuotas">
                        <span class="andyFreireMacrista">12</span>
                        <span>cuotas de</span>
                        <span class="andyFreireMacrista">@item.Cuota12.ToString("C2")</span>
                    </div>
                    <div class="contenedorCuotas">
                        <a href="@Url.Content("~/Tienda/VerProducto/?idProducto=" + item.IdProducto)">[+] Ver Más</a>
                    </div>
                </div>
            }
        </section>
    </article>
</div>
